www.gusucode.com > XerCMS 携云PHP企业建站程序 v2015PHP源码程序 > XerCMS 携云PHP企业建站程序 v2015/XerCMS_v20150724/XerCMS_v20150724/Template/XerCMS/Assets/styles/archives.css

    .archive-container{width:950px;margin:50px auto 20px auto;min-height:500px;display:table}
.archive-container .left{width:192px;}
.archive-container .right{width:750px;}
.tab{width:100%;border:1px solid #ddd;border-radius:5px}
.tab tr th{height:39px;text-align:center;line-height:39px;background:#1691d0;color:#fff}
.tab tr td{text-align:center;height:36px;line-height:36px}

.archive-container .columnSon{width:190px;border:1px solid #ccc;border-radius:5px}
.columnSon li.hat,.columnSon li.hat:hover{background:#ccc}
.columnSon li{width:190px;height:36px;line-height:36px;text-align:center;}
.columnSon li:hover{background:#eee}

.archive-container .pages{float:right;margin:10px 0px}
.archive-container .pages ul li {float:left;height:32px;line-height:32px;padding:0px 10px;margin-left:10px;background:#fefefe;border:1px solid #ddd;border-radius:5px}
.archive-container .pages ul li #xercms_gopage{height:26px;line-height:26px;border:1px solid #eee;width:50px;margin-top:2px;vertical-align:top;margin-right:8px;}
.archive-container .pages ul li a{height:32px;display:inline-block}
.archive-container .pages ul li:hover{background:#fafafa;box-shadow:0px 0px 2px #ccc;}
.archive-container .pages ul li.xercms_count{background:#fefefe;box-shadow:none}

.archive-container .list-pics{margin-left:22px;}
.archive-container .list-pics li{float:left;padding:10px;width:150px;margin-left:10px;margin-bottom:10px;border:1px solid #eee;border-radius:5px}
.archive-container .list-pics li:hover{box-shadow:0px 0px 2px #999;}
.archive-container .list-pics li a{display:inline-block;width:150px;}
.archive-container .list-pics li a.pic{height:150px;overflow:hidden;}
.archive-container .list-pics li a.pic img{width:150px;}

.detail-container .wrap{margin-top:50px;}
.detail-container .title{font-size:26px;font-weight:600;width:100%;text-align:center}
.detail-container .attr{width:100%;text-align:center;height:50px;line-height:50px;}
.detail-container .attr span{display:inline-block;padding:0px 10px;}
.detail-container .ops{width:100%;text-align:center;margin:20px 0px;}
.detail-container .ops a{display:inline-block;padding:8px 20px;border-radius:5px;color:#fff;background:orange;margin:5px;}
.detail-container .ops a:hover{box-shadow:0px 0px 5px orange}
.detail-container .detail img{max-width:950px}